<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title></title>
		<style type="text/css">
			div{
				width:1100px;
				height: 100px;
				border: 5px solid;
				border-color: red blue green;
				/*上左右下
				1,2,3,4
				1,,24,3
				13,24*/
			}
			ul{
				width:1000px;
				height: 40px;
				line-height: 40px;/*居中*/
				background: #B8860B;
				margin: 0 auto;
				list-style: none;
				color: #eee;
				font: "微软雅黑";
				font-weight: bolder;
				margin:20px 30px ;
			}
			li{
				display: inline-block;
				width: 150px;
				text-align: center;
				border-right:2px solid white ;
				
			}
		</style>
	</head>
	<body>
		<div class="outer">
			<ul>
				<li>海尔学院</li>
				<li>海信学院</li>
				<li>教育学院</li>
				<li>艺术学院</li>
				<li>商学院</li>
				<li>旅游学院</li>
			</ul>
		</div>
	</body>
</html>
